/** When your routing table is too long, you can split it into small modules**/
import Layout from '@/views/layout/Layout'

const echartsRouter = {
  path: '/aboutvue',
  component: Layout,
  redirect: 'noredirect',
  name: 'Aboutvue',
  meta: {
    title: 'aboutvue',
    icon: 'tree'
  },
  children: [
    {
      path: 'ring',
      component: () => import('@/views/aboutvue/ring/index'),
      name: 'ring',
      meta: {
        title: 'ring',
        noCache: true
      }
    },
    {
      path: 'constellation',
      component: () => import('@/components/constellation/index'),
      name: 'constellation',
      meta: {
        title: 'constellation',
        noCache: true
      }
    },
    {
      path: 'canvas1',
      component: () => import('@/views/aboutvue/learnCanvas/canvas1'),
      name: 'canvas1',
      meta: {
        title: 'canvas1',
        noCache: true
      }
    },
    {
      path: 'star1',
      component: () => import('@/views/aboutvue/startPage/star'),
      name: 'star1',
      meta: {
        title: 'star1',
        noCache: true
      }
    },
    {
      path: 'star2',
      component: () => import('@/views/aboutvue/startPage'),
      name: 'star2',
      meta: {
        title: 'star2',
        noCache: true
      }
    }, {
      path: 'odometer',
      component: () => import('@/views/aboutvue/odometer'),
      name: 'odometer',
      meta: {
        title: 'odometer',
        noCache: true
      }
    }, {
      path: 'render',
      component: () => import('@/views/aboutvue/render'),
      name: 'render',
      meta: {
        title: 'render',
        noCache: true
      }
    }, {
      path: 'swiper',
      component: () => import('@/views/aboutvue/swiper'),
      name: 'swiper',
      meta: {
        title: 'swiper',
        noCache: true
      }
    }, {
      path: 'elementComponents',
      component: () => import('@/views/aboutvue/elementComponents.vue'),
      name: 'elementComponents',
      meta: {
        title: 'elementComponents',
        noCache: true
      }
    }, {
      path: 'myComponentList',
      component: () => import('@/views/aboutvue/myComponentList'),
      name: 'myComponentList',
      meta: {
        title: 'myComponentList',
        noCache: true
      }
    }, {
      path: 'button',
      component: () => import('@/views/aboutvue/button'),
      name: 'button',
      meta: {
        title: 'button',
        noCache: true
      }
    }]

}

export default echartsRouter
